/*banner*/
.banner{position: relative; height:auto;clear: both;height: auto;width:100%}
.ban_p ul,.ban_p li a,.ban_p li{ display:block; height:700px;width: 100%!important; overflow: hidden;position: relative;}
.ban_p li img {display: block;position: absolute;top: 0;width:100%}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 14px;height: 14px;border-radius: 14px;margin-right:20px; display: inline-block;background: #fff;}
.ban_t em.on{background: #0ebb90;width: 40px;}

.til01{text-align: center;font-size:20px;color: #292929;line-height:28px;height:127px;position: relative;font-weight: normal;position: relative;}
.til01 em{display: block;font-style:normal;opacity: 0.8;}
.til01 p{height: 60px;line-height: 60px;display: block;}
.til01 p span{font-size: 40px;padding: 0 43px;position: relative;}
.til01 p span:before,.til01 p span:after{content: "";position: absolute;width:25px;height:16px;top:19px;right:0;background:url(../images/ico02.png) no-repeat right 0;}
.til02 p span:before,.til02 p span:after{background:url(../images/ico03.png) no-repeat right 0;}
.til01 p span:before,.til02 p span:before{left: 0;}
.til01 a{display: block;color: #292929;}
.til02,.til02 a{color: #fff;}

/*搜索*/
.seabox{height:54px;line-height:37px;font-family: "Microsoft Yahei";position: relative;padding:22px 0 0;background: #f6f6f6;}
.keyword{width:660px;color: #b2b2b2;font-size: 16px;}
.keyword b{color: #000;}
.keyword a{color:#b2b2b2;display: inline-block;padding: 0 2px 0 0;}
.keyword a:hover{color: #333;}

.webox_lc li span em,.more01,.more02,.edge_wn li span em,.newtil  h3 a:hover,.newtil h3.cur a,.faqs_ce em.cur{background: #0dba8f;}

/*引子*/
.webox{height:552px;font-size:16px;color: #666;font-family:"Microsoft Yahei";position: relative;overflow: hidden;padding:64px 0 0;line-height:36px;}
.webox:before{content: "";position: absolute;width:700px;height:390px;top:150px;left:0;background: #f3f5fa;z-index: -1;}
.webox:after{content: "";position: absolute;width:13px;height:123px;top:115px;left:47px;background: url(../images/ico08.png) no-repeat 0 0;z-index:1;}
.webox_l{width: 570px;}
.webox_l h3{height: 130px;}
.webox_lc{padding: 0 0 0 94px;}
.webox_lc p{height: 204px;}
.webox_lc li,.edge_wn li{float: left;padding:0 116px 0 0;}
.webox_lc li span,.edge_wn li span{display: block;line-height: 48px;height: 48px;}
.webox_lc li span b{font-family: Times New Roman;color: #000;padding: 0 2px 0 0;font-size: 50px;float: left;}
.edge_wn li span b{font-family: Times New Roman;color: #000;padding: 0 2px 0 0;font-size: 50px;}
.webox_lc li span em,.edge_wn li span em{width: 23px;line-height: 23px;text-align: center;color: #fff;font-style: normal;display: inline-block;border-radius: 23px;margin: 5px 0 0;}
.edge_wn li span em{margin: 0;}
.webox_r,.webox_r img{width:600px;height: 418px;overflow: hidden;}

/* 实验室环境 */
.plan{font-family:"Microsoft Yahei";font-size: 16px;line-height: 40px;}
.plan_t{height:128px;font-size: 18px;line-height: 18px;color: #333;}
.plan_t li{width:348px;position: relative;float: left;white-space: nowrap;}
.plan_t li:nth-child(2){padding: 0 77px;}
.plan_t li p{float: right;width: 248px;padding: 20px 0 0;line-height: 28px;color: #000;}
.plan_t li p em{display: block;font-size: 12px;color: #dbdbdb;line-height: 18px;}
.plan_t li span{width:86px;height:86px;display: block;position: relative;float: left;}
.plan_t li span i{width:86px;height:86px;position: absolute;left: 0;top: 0;border-radius: 86px;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan_t li.cur span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan_t li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);}
.plan_c{height: 492px;}
.plan_c dl{height: 450px;background: #f3f5fa;}
.plan_c dt,.plan_c dt img{width: 600px;height: 450px;overflow: hidden;float: left;}
.plan_c dd{width:478px;padding:40px 0 0 68px;float: left;}
.plan_c dd h3{font-size: 24px;color: #303030;line-height:42px;border-bottom: 1px solid #ededed;margin-bottom: 48px;}
.plan_c dd h3 em{display: block;font-size: 60px;line-height: 60px;color: #06d2f3;}
.plan_c dd h3 a{color: #303030;}
.plan_c dd p{height: 160px;}
.more01{display: block;border-radius:20px;width: 178px;text-align: center;color: #fff;line-height: 40px;font-size: 16px;}
.more01 span{display: inline-block;padding: 0 58px 0 0;background:url(../images/ico01.png) no-repeat right center;color: #fff;}
.more02{display: block;border-radius:21px;width: 180px;text-align: center;color: #fff;line-height: 42px;font-size: 16px;margin: 0 auto;}
.more02 span{display: inline-block;padding: 0 42px 0 0;background:url(../images/ico05.png) no-repeat right center;color: #fff;}

.part{height:186px;overflow: hidden;}
.part li{float: left;width:185px;padding:2px 0;height:138px;border: solid 1px #f1f1f1;margin: 0 15px 0 0;}
.part li p,.part li p img{width:185px;height:138px;display: block;overflow: hidden;}

/*产品*/
.g_pro{height:900px;padding-top: 50px;background:#ececec;}
/*.g_pro h2{height: 147px;text-align: center;font-size: 44px;color: #323131;font-weight: bold;position: relative;}*/
/*.g_pro h2 a{color: #323131;}*/
/*.g_pro h2 em{display: block;font-size: 20px;color: #474747;padding-top: 6px;font-weight: normal;}*/
/*.g_pro h2:before{content: "";position: absolute;width: 42px;height: 2px;left:50%;margin-left: -21px; top:105px;background:url(../imagess/cptit.jpg) no-repeat}*/

.g_pro .m_fl{float: left;width: 293px;}
.g_pro .m_fl h3 a{display: block;background:#1177c2;height: 129px;padding-top: 30px;text-align: center;font-size: 30px;color: #fff;line-height:50px;}
.g_pro .m_fl h3 em{display: block;font-size:18px;opacity:0.8;line-height:22px;text-transform: uppercase;font-weight: normal;}
.g_pro .m_fl h4 a{display: block;background: #fff url(https://www.btian.com.cn/imagess/flico1.jpg) no-repeat 217px 18px;height: 58px;line-height: 58px;border-bottom: 1px solid #f3f3f3;font-size: 16px;color: #2b2b2b;padding: 0 80px 0 50px;font-weight: normal;}
.g_pro .m_fl .on a{background: #fff url(https://www.btian.com.cn/imagess/flico2.jpg) no-repeat 217px 18px;}
.g_pro .flst{border-left: 3px solid #1177c2;background: #f3f3f3; display:none;}
.g_pro .flst li{position: relative;z-index: 11}
.g_pro .flst li a{display: block; height: 48px;line-height:48px;font-size: 16px;color: #616161; background:url(https://www.btian.com.cn/imagess/flico.png) no-repeat 50px 15px; padding: 0 25px 0 90px; }
.g_pro .flst li a:hover,.g_pro .flst .cur a{color: #1177c2; }
.fltel{background: #1177c2;width: 293px;height: 122px;padding: 17px 0 0 0;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.fltel .tel{height: 36px;line-height: 36px;background:url(https://www.btian.com.cn/imagess/fltel.jpg) no-repeat 18px 0;padding-left: 66px;font-size: 24px;color: #fff;}
.fltel span a{display: block;width: 133px;height: 30px;line-height:30px;font-size: 16px;color: #fff;text-align: center;border: 2px solid #3c9fff;margin: 12px 0 0 66px;}
.m_cp{float: right;width: 876px;}

.m_cp .flhd{height: 64px;background: #1177c2;border-bottom: 3px solid #005fba;margin-bottom: 24px;position: relative;}
.m_cp .flhd li{float: left;width: 162px;text-align: center;font-size: 24px;color: #fff;line-height: 64px;}
.m_cp .flhd li a{color: #fff;}
.m_cp .flhd .on{background: #3c9fff;}
.m_cp .flhd .more{position: absolute;right: 30px;top:0;line-height: 64px;}
.m_cp .flhd .more a{color: #fff;font-size: 14px;text-transform: uppercase;}


.m_cp dl{width: 876px;height: 300px;position: relative;margin-bottom: 16px;}
.m_cp dt{width: 400px;height: 300px;overflow: hidden;float: left;position: relative;}
.m_cp dt img{width: 400px;height: 300px;display: block;transition: all 0.3s linear 0s;}
.m_cp dt:hover img{transform: scale(1.1);}
.m_cp dd{float: left;padding: 35px 52px 0 45px;width: 474px; height: 300px;background: #fff;
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.m_cp dd h3{height: 68px;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
.m_cp dd h3 a{display: block;font-size: 28px;color: #333;font-weight: normal;}
.m_cp dd h3 em{display: block;font-size: 12px;color: #b6b6b6;text-transform: uppercase;font-weight: normal;padding-top: 8px;}
.m_cp dd p{font-size: 16px;line-height: 30px;color: #666666;margin-bottom: 35px;}
.m_cp dd span{display: block;}
.m_cp dd span a{display: block;float: left;width: 140px;height: 40px;line-height: 40px;background: #1177c2; font-size: 16px;color: #fff;text-align: center;margin-right: 8px;}
.m_cp dd span a:nth-child(2){background: #3c9fff}
.m_cp .cplst li{float: left;width: 283px;margin-right: 9px;position: relative;margin-bottom: 28px;overflow: hidden;}
.m_cp .cplst .lastli{margin-right: 0;}
.m_cp .cplst li img{width: 285px;height: 213px;display: block;}
.m_cp .cplst li em{display: block;height: 62px;line-height: 62px;padding: 0 61px 0 30px;font-size: 16px;color: #3c3c3c;width: 285px; background: #fff url(https://www.btian.com.cn/imagess/cpbtn1.jpg) no-repeat right 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_cp .cplst li:hover em{background: #1177c2 url(https://www.btian.com.cn/imagess/cpbtn2.jpg) no-repeat right 0;color: #fff;}



/* 特点 */
.cust{font-family:"Microsoft Yahei";padding:83px 0 0;height: 583px;background:url(../images/custbg.jpg) no-repeat center 166px;color: #000;font-size: 24px;}
.cust_p{width:676px;left: 50%;margin-left: -338px;text-align: center;top:175px;}
.cust_p dd p{padding: 11px 0 0;height: 68px;line-height: 68px;}
.cust_c{padding: 17px 0 0;}
.cust_c li{width: 238px;height: 139px;float: left;}
.cust_c li span{float: left;width: 56px;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.cust_c li:hover span{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.cust_c li p{width: 166px;float: right;white-space: nowrap;padding: 5px;line-height: 32px;}
.cust_c li p em,.edge_w h3 em{display: block;text-transform:uppercase;font-size: 12px;color: #bebebe;line-height: 17px;font-weight: normal;white-space: nowrap;}
.cust_c li:nth-child(2n){float: right;}
.cust_c li:nth-child(3){clear: both;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:36px;padding:45px 0 30px;color: #595959;background:#f7f8fc;}
.edge1{height: 507px;margin-bottom: 59px;}
.edge_p{width:50%;height:507px;display: block;overflow: hidden;}
.edge_p1{background:url(../images/edge_pic1.jpg) no-repeat right 0;width: 55.3%;}
.edge_p2{background:url(../images/edge_pic2.jpg) no-repeat 0 0;}
.edge_p3{background:url(../images/edge_pic3.jpg) no-repeat right 0;}
.edge_p4{background:url(../images/edge_pic4.jpg) no-repeat 0 0;width: 54.8%;}
.edge_w{width: 50%;}
.edge0 .edge_w{width:44.7%;}
.edge4 .edge_w{width:45.2%;}
.edge_w1{width: 530px;position: relative;margin-left: -40px;z-index: 2;height: 507px;}
.edge_w1:before{content: "";position: absolute;width:600px;height:353px;bottom:0;left:-62px;background: #fff;z-index: -1;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);}
.edge_w2,.edge_w4{background: #fff;width:470px;height: 507px;padding: 0 0 0 45px;}
.edge_w3{width: 538px;padding: 0 0 10px 64px;background: #fff;}
.edge_wn li{position: relative;}
.edge_wn li:nth-child(1):before{content: "";position: absolute;width:1px;height:70px;top:8px;right:51px;background: #e9e9e9;}
.edge_wn li:nth-child(2){padding: 0;}
.edge_wl{height: 160px;}
.edge_w h3{height:128px;line-height:44px;font-size:30px;color: #282828;padding: 53px 0 0;}
.edge0 .edge_w h3{padding:52px 0 0 97px;height: 146px;}
.edge3 .edge_w h3{padding: 32px 0 0;height: 105px;}
.edge_wl li{display: block;background:url(../images/ico06.gif) no-repeat 0 center;padding: 0 0 0 13px;}
.edge_wp li{float: left;border: solid 3px #d9d9d9;}
.edge_wp li:nth-child(1){margin-right: 5px;}
.edge_wp li,.edge_wp li img{width: 259px;height: 198px;display: block;overflow: hidden;}

.edge_wnn li:nth-child(1):before{background:#ffffff00 !important}

/*案例*/
.case{font-family:"Microsoft Yahei";position: relative;line-height:25px;background:url(../images/casebg.jpg) no-repeat center 0;color: #606060;padding: 60px 0 0;font-size: 16px;height:770px;}
.prev1,.next1{width:117px;height:36px;cursor: pointer;z-index: 11;display: block;top:310px;right: 30px;}
.prev1{left:30px;}
.case_c{display: block;width:844px;background:url(../images/casecbg.jpg) no-repeat center 0;padding: 0 177px;}
.case_c dl{width:844px;float: left;background: #f7f8fc;}
.case_c dt,.case_c dt img{width:844px;height:422px;display: block;overflow: hidden;}
.case_c dd{padding:25px 30px;height: 104px;}
.case_c dd p{display: block;width:568px;padding:0 0 0 45px;float: left;height: 102px;border-left: 1px solid #e9e9e9;}
.case_c dd p b{display: block;font-size: 16px;height: 48px;line-height: 42px;}
.case_c dd h3{display: block;font-size: 24px;line-height:38px;color: #353535;width: 158px;padding:2px 0 0;float: left;}
.case_c dd h3 em{display: block;color: #07cff3;font-family: Times New Roman;font-size: 48px;line-height: 50px;}
.case_c dd h3 a,.case_c dd p b a,.faqs_cl dd h4 a{display: block;color: #353535;}
.case_c dl:hover dd h3 a,.case_c dd h3 a:hover,.case_c dl:hover dd p b a,.case_c dd p b a:hover,.faqs_cl dl:hover dd h4 a,.faqs_cl dd h4 a:hover,.news_c dl:hover dd h4 a,.news_c dd h4 a:hover,.news_c li a:hover,.news_c li:hover a{color: #07cff3;}

/*资讯*/
.nswsbox{height:688px;overflow: hidden; font-family:"Microsoft Yahei";line-height:25px;}
.newtil{height: 78px;line-height: 40px;font-weight: normal;font-size: 20px;}
.newtil h3{font-size: 20px;height:40px;font-weight: normal;float: left;}
.newtil h3 a{display: block;color: #2c2c2c;padding:0 24px;border-radius: 20px;}
.newtil a:hover,.newtil h3.cur a{color: #fff;}
.newtil span{float: right;}
.newtil span a{display: block;color: #515151;padding:0 30px 0 0;background:url(../images/ico07.gif) no-repeat right center;font-size: 14px;text-transform: uppercase;}
.faqs{width:347px;}
.faqs_c{height:400px;overflow: hidden;background: #f7f8fc;position: relative;}
.faqs_ce{width: 132px;height: 52px;position: absolute;bottom: 0;left: 22px;}
.faqs_ce em{float: left;width: 11px;height: 11px;border-radius: 11px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border:solid 2px #d9d9d9;float: left;margin: 0 11px 0 0;}
.faqs_ce em.cur{border: 0;}
.faqs_cl dt,.faqs_cl dt img{width:347px;height: 195px;display: block;overflow: hidden;}
.faqs_cl dd{padding: 21px 20px 0;}
.faqs_cl dd h4{font-size: 16px;height: 52px;line-height: 52px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.news{width:794px;overflow: hidden;}
.news_c dl{height:223px;overflow: hidden;background: #f7f8fc;margin-bottom: 32px;}
.news_c dt,.news_c dt img{display: block;width: 397px;height: 223px;display: block;overflow: hidden;float: left;}
.news_c dd{width:336px;float: left;padding: 18px 0 0 26px;}
.news_c dd em{display: block;color: #aeaeae;height: 39px;line-height: 32px;background:url(../images/ico08.gif) no-repeat 0 7px;padding: 0 0 0 26px;}
.news_c dd h4{font-size:16px;height: 41px;line-height:41px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd h4 a,.about_wc h3 a{display: block;color: #000;}
.news_c dd p{height: 72px;}
.news_c li{height:45px;padding: 0 0 0 16px;background:url(../images/ico06.gif) no-repeat 0 17px;line-height: 45px;border-bottom: 1px solid #f2f2f2;font-size: 16px;}
.news_c li a{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c li span{float:right;font-size: 14px;color: #b8b8b8;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:36px;color: #666;height: 539px;background: #f7f8fc;}
.about_p{width: 50%;background:url(../images/about_pic1.jpg) no-repeat right 0;height: 539px;}
.about_w{width: 50%;}
.about_wc{width: 535px;padding: 52px 0 0 64px;}
.about_wc h3{font-weight: normal;font-size: 40px;height: 135px;line-height: 58px;}
.about_wc h3 span{display: block;font-size: 20px;color: #595858;line-height: 34px;}
.about_wc p{height: 240px;}


/*友情链接*/
.link{height:0;line-height:77px;color: #d5ecfc;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width:480px;top: -77px;height:74px;right: 0;text-align: right;position: absolute;white-space: nowrap;overflow: hidden;}
.link a{display: inline-block;color: #d5ecfc;padding:0 23px;}

.webox_r img, .plan_c dt img, .prod_c li p img, .case_c dt img, .news_c dt img,.faqs_cl dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_r img:hover, .plan_c dl:hover dt img, .prod_c li:hover p img, .case_c dl:hover dt img, .news_c li:hover img,.faqs_cl dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*导航新样式*/
.first .content1{
    display: none;
    background-color: #1177c2;
    position: absolute;
    width: 174px;
}
.first .content2 .second2:hover{
    background-color: #0dba8f;
}
.first .content1 .second:hover{
    background-color: #0dba8f;
}
.first:hover .content1{
    display: block;
}
.first .content1 .content2{
    display: none;
    background-color: #1177c2;
    position: absolute;
    left: 175px;
    top: 0px;
    z-index: 1;
}
.first .content1 .second{
    position: relative;
}
.first .content1 .second:hover .content2{
    display: block;
}
.first .content1 .content2 .second2{
    float: none;
}
.yint{
    padding-top: 50px;
    padding-bottom: 50px;
    background: url(../images/parallax-bg-3.jpg) center 0 no-repeat;
    background-size: cover;
}
.yyzx{
    display: inline-block;
    width: 24%;
    height: 300px;
}
.yyzx img{
    width: 100%;
}
.yyzx span{
    text-align: center;
    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
}
.yyzx p{
    display: flex;
    padding: 10px 15px 30px 15px;
    text-align: center;
}
.yyzx:hover{
    box-shadow: 0px 0px 4px 3px #0479e721;
}
.ssbanner img{
    width: 100%;
}
.ssbanner{
    text-align: center;
}
.cplist li{
    float: left;
    width: 31.33%;
    height: 300px;
    margin: 20px 12px;
    position: relative;
    overflow: hidden;
}
.cplist li img{
    width: 100%;
    height: 100%;
    transition: all 0.6s; 
}
.cplist li:hover .cplist_bj img{
    transform: scale(1.4); 
}
.cplist li p{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 300px;
}
.cplist li:hover .cplist_bj{
    display: block;
}
.cplist_bj{
    background-color: rgb(0 0 0 / 55%);
    position: absolute;
    width: 100%;
    height: 300px;
    top: 0;
    display: none;
}
.cpwz_o{
    position: relative;
}
.cpwz{
    text-transform: uppercase;
    position: absolute;
    top: 17px;
    font-size: 50px;
    width: 100%;
    color: #0000000d;
}

.trade-title {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin: 50px 0;
	position: relative;
}
.trade-title:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid;

}
.trade-title:after {
	content: "";
	position: absolute;
	width: 52px;
	height: 3px;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
}
.trade-black {
	height: 500px;
}
.trade-box {
	width: 74% !important;
	margin: 0 auto;
	position: relative;
	transition: all .3s ease;
}
.trade-box-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.trade-box-item {
	flex: 1;
	text-align: center;
	position: relative;
	height: 500px;
	background: no-repeat center;
	background-size: 100% auto;
}
.trade-content .trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.item-logo {
	margin: 0 auto;
	display: block;
}
.trade-content .trade-box-item .item-logo {
	position: relative;
	margin-top: 120px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.item-title {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 20px 0;
	position: relative;
}
.trade-content .item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	border-bottom: 2px solid #000;
	margin: 0 auto 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
	position: relative;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	margin-top: 10px;
}
.item-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.trade-content .item01 {
	background-image: url(../images/icon-at01.png);
}
.trade-content .item02 {
	background-image: url(../images/icon-at02.png);
}
.trade-content .item03 {
	background-image: url(../images/icon-at03.png);
}
.trade-content .item04 {
	background-image: url(../images/icon-at04.png);
}
.trade-content .item05 {
	background-image: url(../images/icon-at05.png);
}
.trade-content .trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: 0;
	color: #fff;
}
.trade-content .trade-box-item:hover:before {
	background-color: rgba(32, 176, 159, .9);
}
.trade-content .trade-box-item:hover .item-logo {
	margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0;
}
.cpylist {
    width: 1200px;
    margin: auto;
}
.viwe {
    width: 46%;
    height: 300px;
    border: 5px #fff solid;
    float: left;
    margin: 11px;
    position: relative;
    overflow: hidden;
}
.viwe img{
    width: 100%;
}
.viwe .cpylist_hover img {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}
.cpylist_hover {
    width: 100%;
    height: 0px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    overflow: hidden;
    top: 80px;
    left: 0;
    transform: rotate(55deg);
    transition: all 0.2s;
    z-index: 999;
}
.viwe:hover .cpylist_hover {
    height: 140px;
    transform: rotate(0deg);
}
.viwe:before {
    content: "";
    position: absolute;
    top: -412px;
    right: 0;
    width: 500px;
    height: 661px;
    background: rgb(34 133 255 / 60%);
    transform: rotate(55deg) translateX(40px);
    transform-origin: 100% 0%;
    transition: all 200ms ease 0.4s;
}
.viwe:hover:before {
    top: 0;
}
.viwe:after {
    content: "";
    position: absolute;
    bottom: -411px;
    left: 0;
    width: 661px;
    height: 661px;
    background: rgb(34 133 255 / 60%);
    transform: rotate(55deg) translateX(-40px);
    transform-origin: 0% 100%;
    transition: all 200ms ease 0.4s;
}
.viwe:hover:after {
    bottom: 0;
}
.viwe .cpylist_hover h2 {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #1177c2;
    color: #fff;
}
.viwe .cpylist_hover p {
    color: #fff;
    padding: 0px 15px 0px 15px;
}
.ce{
    width: 50%;
    padding-left: 50px;
}
@media only screen and (max-width: 1600px){
    .ban_p ul, .ban_p li a, .ban_p li {
        height: 577px !important;
    }
    .ban_p ul{
        height: 577px !important;
    }
}
@media only screen and (max-width: 1450px){
    .ban_p ul, .ban_p li a, .ban_p li {
        height: 485px !important;
    }
    .ban_p ul{
        height: 485px !important;
    }
}
@media only screen and (max-width: 1200px){
    .ban_p ul, .ban_p li a, .ban_p li {
        height: 440px !important;
    }
    .ban_p ul{
        height: 440px !important;
    }
}